/*全局样式*/
html,body{ margin:0; padding:0; line-height:24px; }
body{
margin:auto;
font:100% arial,sans-serif;
font-size:12px;
color:#555555;
}
p{ font-size:15px; color:#555555; line-height:2em;}
html{
SCROLLBAR-FACE-COLOR: #ffffff;SCROLLBAR-SHADOW-COLOR: #cccccc; SCROLLBAR-3DLIGHT-COLOR: #cccccc; SCROLLBAR-ARROW-COLOR: #cccccc; SCROLLBAR-DARKSHADOW-COLOr: #ffffff; SCROLLBAR-BASE-COLOR: #ffffff;
}
a:link,a:visited{
text-decoration:none;
}
a{color:#666}
a:hover{
text-decoration:none;
color:#175e8e;
}
.clear0{clear:both;height:0px;}
dl,dt,dd,ul,li,h1,h2,h2,h4,ul,li,img{margin:0px;padding:0px;}
ul{ list-style-type:none;}
li{ list-style-type:none;}
img{ border:none;}
.clear{ clear:both;height:0px;}
/* 头部代码开始 */
#top{margin: 0 auto; width: 1200px; overflow: hidden; height: 100px;}
#logo{ float:left; width:153px; height:55px; margin-top:15px; margin-left:15px;}
#top_r{ float:right;width:280px; }
#top01{ float:right; text-align:center; height:34px; width:222px; color:#fff; background:url(top01_bg.png) no-repeat; overflow:hidden;}
#top01 a{height:34px; line-height:34px;color:#fff; font-size:12px; padding-left:4px; padding-right:4px;}
#top01 span a:hover{ text-decoration:underline;height:34px; line-height:34px;}
.banner_img img{width: 100%;}
span.tel{float:right; clear:right; width:250px; height:25px; line-height:25px; color:#555; margin-top:15px; font-size:18px; font-weight:normal; font-family:"微软雅黑"; background:url(phone.gif) left no-repeat; padding-left:35px;}
/*导航代码*/
#navigation{width: 100%;background: #005ad3;}
#navigation ul{width: 1200px; overflow: hidden; margin: 0 auto;}
#navigation li{display: block; float: left; height: 45px; line-height: 45px; width: 14%; text-align: center; font-size: 18px;}
#navigation li a{color: #fff; text-align: center; height: 45px; line-height: 45px; text-decoration: none; font-size: 18px;display: block;}
#navigation li a:hover{ color:#fff; text-decoration:none; }
#navigation li:hover{background: #0046a5;}
li#end{ background:none;}
#banner{ width:992px; height:387px; overflow:hidden; margin:0 auto; margin-bottom:12px;}
#banner img{ width:992px; height:387px;}
#banner_ny{ width:100%; margin:0 auto;}
#banner_ny img{max-width: 100%;}
/*主要内容*/
#container{background:url(index_bg.jpg) no-repeat fixed;overflow: hidden;padding: 50px 0px;}
#secondary{margin: 0 auto; width: 1200px; overflow: hidden;display: flex;background: #fff;}
/* 首页内容--产品分类、关于我们、新闻展示版块 */
#sidebar{width: 25%;}
.more_in{display: block; width: 150px; line-height: 2em; border: 1px #ccc solid; border-radius: 5px; text-align: center; margin: 0 auto; font-size: 18px;transition: 0.3s;margin-top: 20px;}
.more_in:hover{color: #fff;background: #005ad3;}
/*首页分类*/
#content_r{ width: 100%;margin: 1%;}
#content_l{width: 100%;margin: 1%;}
.plist_index{}
.con_tit{width: 100%; overflow: hidden; text-align: center;margin: 15px auto;}
.con_tit .title_index {font-weight: bold; font-size: 30px;line-height: 37px; text-align: center;}
.con_tit .title_index span{color: #005ad3; font-size: 18px; font-weight: 400;}
.con_tit .hang{display: block; width: 50px; height: 2px; background: #005ad3; margin: 8px auto;}
.plist_index ul{display: flex;flex-wrap: wrap;}
.plist_index li{border: 1px #5ea2ff solid; margin: 1%; padding: 10px 15px; text-align: center; font-size: 18px; border-radius: 5px;display: block; transition: 0.3s;}
.plist_index li a{color: #5d5d5d;transition: 0.3s;}
.plist_index li:hover{background: #006cff;}
.plist_index li:hover a{color:#fff;}
.plist_index p{ color:#9c9c9c; text-align:left; margin-left:75px; margin-top:8px;}
.plist_index p a:link,.plist_index p a:visited{ color:#9c9c9c; text-decoration:underline; font-weight:bold;}
.plist_index p a:hover{ text-decoration:underline;}
.contact{ float:left; clear:left; width:220px; height:65px; margin-left:20px;}
.contact a{ background:url(contact_img.jpg) no-repeat;}
.contact img{ width:220px; height:65px;}
/* 产品分类结束 */
/*-------- 首页产品-------- */
.tj_prolist{display: flex;flex-wrap: wrap;}
.tj_prolist li{width: 23%; margin: 1%;text-align: center;}
.pro_inimg{border: 1px #ccc solid;}
.pro_inimg img{width: 100%;}
.tj_prolist li h2{font-size: 18px; line-height: 2em; border: 1px #ccc solid; border-top: none;}
/*-------- 首页产品结束-------- */
.plist{margin: 10px;padding: 10px;background: #005ad3;padding-bottom: 40px;}
.plist h2{background: #005ad3; color: #fff; line-height: 3em; text-align: center; font-size: 20px;border-bottom: 2px #fff solid;}
.plist ul{background: #005ad3;padding: 0px 10px;}
.plist li{border-bottom: 1px #b5b5b5 dashed;padding: 5px 0px 5px 10px;}
.plist li a{line-height: 2em; font-size: 16px; color: #ffffff;display: block;}
.plist li:hover a{ text-decoration:none;color:#fff;}
.plist li:hover{background: #0051bd;}
#menu_drop{width:231px; padding-top:5px; padding-bottom:20px; background:url(plist_ul_bg.jpg) repeat-y;}
#child1,#child2,#child3,#child4,#child5,#child6,#child7,#child8{list-style: none;}
#drop{line-height:35px; width:231px; overflow:hidden; color:#fff; font-size:12px; font-family:"微软雅黑"; font-weight:bold; background:url(plist01_li_bg.jpg) center no-repeat; text-indent:50px;}
#drop a:hover{ color:#53CAEC; text-decoration:underline;}
ul.list{list-style:none; background:url(plist_ul_bg.jpg) repeat-y; padding-top:6px; padding-bottom:6px;}
ul.list li{display:block; background-color:#F1F1F1; line-height:25px; padding-left:45px;}
ul.list li a{ color:#000; border-bottom:1px dashed #ccc; background:url(dot01.jpg) left no-repeat; padding-left:12px; padding-top:3px; padding-bottom:3px;
font-weight:normal; line-height:25px; }
ul.list li a:hover{ color:#B4000B;}
.contact_ny{ width:220px; height:65px; }
.contact_ny a{ border:none;}
.contact_ny img{ width:220px; height:65px;}
.yiny{ width:226px; height:24px;}
/*--------公司简介、新闻资讯-------- */
#content{display: flex; margin: 0 auto; width: 1200px; overflow: hidden;flex-wrap: wrap;}
.about_in{overflow: hidden; background: #f4f4f4; padding: 50px 10px;}
.about_us{margin: 0 auto;width: 1200px;}
.about_bj{width:429px; height:21px; line-height:21px; background:url(about_us_h2.jpg) left no-repeat; border-bottom:1px solid #bcbcbc; padding-bottom:2px; }
.about_con{display: flex;align-items: center;}
.ab_img{width: 50%;}
.ab_img img{}
.ab_nr{width: 50%;}
.ab_nr h2{font-size: 28px;color: #212121;margin-bottom: 20px;font-weight: 500;}
.ab_nr p{color: #555555; line-height: 2em; text-indent: 2em; font-size: 17px;}
.news_new{margin: 0 auto; width: 1200px; overflow: hidden;}
.news_new ul{display: flex;flex-wrap: wrap;}
.news_new li{width: 46%; margin: 1%; background: #f5f5f5; padding: 1%;}
.news_new li a{color:#2f2f2f; font-size:16px;margin-bottom: 8px;display: block;}
.news_new li a:hover{ text-decoration:none; color:#659bc1;}
.news_new li span{float: right;font-size: 16px;}
.news_new li p{font-size: 15px;text-indent: 2em;}
/* cooperation */
.cooperation{overflow: hidden;}
.box{margin: 0 auto; width: 1200px; overflow: hidden; padding: 30px 0px;}
.coo_con{display: flex;align-items: center;flex-wrap: wrap;}
.coo_con li{width: 45%; margin: 1%; float: left; border: 1px #ccc solid; padding: 1%; box-shadow: 5px 5px 5px #cccccc91; display: flex; align-items: center;}
.coo_l{width: 23%;float: left;display: flex; align-items: center;margin-right: 20px;border-right: 1px #ccc solid;}
.coo_l p{margin: 0px; padding: 0px;font-size: 18px;line-height: 1.8em;}
.coo_l i{width: 50px; font-size: 40px;color: #0f9690;}
.box .box_tit p{font-size: 30px; border-bottom: 1px #ccc solid; padding-bottom: 10px;}
.box .box_tit span{display: block; width: 120px; height: 4px; background: #006cff; margin-top: -4px;}
.hz01{background: url(hz01.jpg) no-repeat 0px 10px;}
.hz02{background: url(hz02.jpg) no-repeat 0px 10px;}
.coo_r{font-size: 16px;line-height: 1.6em;}
/*-------- 产品推荐-------- */
.tuijian{margin-top:8px; margin-bottom:12px; padding-bottom:12px; clear:both;}
.tuijian h2{text-align: left; color: #555; font-size: 16px; font-weight: bold; height: 21px; line-height: 21px; background: url(about_h2.jpg) left bottom no-repeat; border-bottom: 1px solid #bcbcbc; padding-left: 12px; margin: 15px 0px;}
.tuijian h2 span{ color:#e7b431; font-size:11px; margin-left:5px;}
span.more01{ float:right;}
.tuijian p{ text-align:right; padding-top:5px; clear:both; margin:0px; padding-bottom:10px}
.tuijian p a{ font-size:13px; color:#555; text-align:right; text-decoration:underline; }
.tuijian p a:hover{ text-decoration:none;}
.commend{ overflow:hidden; margin-bottom:20px; }
.proIndex td{width:145px; height:180px; text-align:center;}
.proIndex td img{ padding-right:8px; width:145px; height:145px; margin:8px 10px; border:1px solid #CCCCCC;}
.proIndex td a:link,.proIndex td a:visited{ color:#333; text-align:center;}
.proIndex td a:hover{ color:#b6000b;}
/*-------- 首页代码结束 -------- */
/*单页面 右侧*/
#neirong{width: 75%;margin: 10px;}
.zhanshi{width: 97%; overflow: hidden; margin: 0px 10px; border-bottom: 1px #ccc solid; padding: 5px 5px 5px 10px;}
.zhanshi h1{display: inline-block;font-size: 18px;color: #005ad3;}
.zhanshi .lw{ display: inline-block; font-size: 18px; color: #005ad3; font-weight: bold;}
span.fast{ float:right; margin-right:10px;font-weight:normal; color:#555555; font-size: 15px;}
span.fast a{ height:24px; line-height:24px; color:#555555; text-decoration:none;}
span.fast a:hover{ text-decoration:underline;}
/*单页面内容页*/
.about_nr{margin: 0 auto;padding: 30px 10px;}
.about_nr p{line-height: 2em;text-indent: 2em;font-size: 15px;}
.about_nr img{ padding-left:30px; width:650px; height:226px; margin-top:10px;}
.network_nr{ margin:0 auto; padding-top:20px; text-align:center; }
.contact_nr{ padding-left:46px; padding-bottom:22px; overflow:hidden; padding-top:25px;}
.contact_nr p{ padding-top:25px; font-size:14px; line-height:25px;}
.contact_nr p a:link,.contact_nr p a:visited{ text-decoration:underline; color:#333333;}
.contact_nr p a:hover{ text-decoration:underline; color:#53CAEC;}
.contact_nr img{ float:left; margin-top:12px; margin-right:32px;}
.message_ny{ margin:0 auto; padding-top:28px;}
/* 新闻页面 */
.news_list{ width: 100%; margin: 10px;overflow: hidden;}
.news_list ul{ margin:0 auto;}
.news_list li{line-height: 2em; border-bottom: 1px dotted #999999; margin-bottom: 5px; padding-left: 20px;}
.news_list li a{ font-size:15px; text-decoration:none; color:#555555;}
.news_list li a:hover{ text-decoration:none;}
.news_list span{ margin-right:15px; height:25px; line-height:25px; font-family:Arial, Helvetica, sans-serif; font-size:15px;float: right;}
/* 翻页代码 */
#page{ clear:both; width:100%; text-align:center; margin-top:20px; margin-bottom:21px;}
#page p{ float:right; margin-top:6px; line-height:23px; height:23px;}
#page span{ font-weight:bold; color:#383838;}
#page a{ text-decoration:none; color:#383838;}
#page a:hover{ text-decoration:underline; color:#073B9E;}
/* 产品页面 */
.chanpin_list{ float:right; width:100%; overflow:hidden;margin: 30px 0px;}
ul.chanpin{display: flex;flex-wrap: wrap;}
ul.chanpin li{width: 23%;margin: 1%;}
ul.chanpin li a{ color:#555555; font-size:15px;}
ul.chanpin li a:hover{ text-decoration:none;color: #005ad3;}
ul.chanpin img{width: 100%;height: auto;border: 1px solid #d9d8d8;}
ul.chanpin h3{ font-size:15px; font-weight:normal; text-align:center; line-height:2em; margin:0px}
ul.quick{ float:left; margin-left:15px; width:685px; border:1px solid #e5e4e2; padding:5px; margin-bottom:18px;}
ul.quick h3{ font-size:15px; font-weight:bold; color:#636363; margin-bottom:8px;}
ul.quick li{ float:left; background:url(dot01.jpg) left center no-repeat; padding-left:10px; padding-right:8px; line-height:22px; width:152px;}
ul.quick li a:visited,ul.quick li a:link{ color:#636363; font-weight:normal; font-size:15px; text-decoration:underline;}
ul.quick li a:hover{ text-decoration:none; font-weight:normal; color:#B6000B;}
/*产品详细页面*/
#cp_list{ margin:0 auto; text-align:center;}
.nr{ text-align:left; width:100%; margin:0 auto; margin-top:20px;}
.nr p{font-size: 15px;line-height: 2em;}
.nr_n{ text-align:left; width:90%; margin:0 auto; text-indent:2em; margin-top:20px; font-size:13px;}
#proshow{ text-align:center;}
#proshow img{border: 1px #ccc solid;}
.details{ width:100%; height:30px; line-height:30px; text-indent:18px; font-size:13px; font-weight:bold; border:1px dashed #AFAFAF;}
.related{ margin-top:6px;overflow: hidden;}
.related h4{ font-size:13px; font-weight:bold;}
#k_nextpagec ul{display: flex;flex-wrap: wrap;}
#k_nextpagec ul li{ margin: 1%;width: 23%;}
#k_nextpagec img{width: 100%;height: auto;border: 1px solid #CCCCCC;}
#k_nextpagec h4{font-size: 15px; font-weight: normal; color: #555555; text-align: center; line-height: 2em;}
.backlist{ text-align:center; font-size:13px; color:#666666; margin-top:15px;}
.backlist span{}
.backlist a:link,.backlist a:visited{ color:#666666; text-decoration:none; font-weight:bold;}
.backlist span a:hover{ text-decoration:none;}
#description{ margin:0 auto; width:690px; float:left; clear:left;}
#description h4{ font-size:12px; color:#FF0000; padding-left:11px; margin-top:6px; border-bottom:1px solid #000000; padding-bottom:6px;}
.text_extra{ text-align:center; margin-top:20px; font-size:12px; color:#555;}
.text_extra h1{font-size: 20px;olor: #005ad3;margin: 10px 0px;}
#title{ font-size:12px; color:#555; font-family:Arial, Helvetica, sans-serif;}
#gzh{ font-weight:normal; height:28px; line-height:28px; }
/*上一个 下一个*/
#up_down{ margin:0 auto; margin-top:6px; margin-bottom:12px; text-align:center;}
#up_down a{ text-decoration:none; font-weight:normal; color:#555555; text-decoration:underline;}
#up_down a:hover{ text-decoration:underline; }
/* 底部 */
#footer{margin: 0 auto; clear: both; width: 100%; background: #012352; padding: 15px 0px; overflow: hidden; color: #fff;text-align: center;}
#footer a{color:#ffffff}
#footer a:hover{ text-decoration:underline; }
#footer p{color: #e1e1e1;line-height: 2em;font-size: 16px;}
#foot_ny{ margin:0 auto; clear:both; width:100%; background:url(foot_bg.jpg) repeat-x; height:44px; margin-bottom:16px; padding-bottom:12px;}
#foot_ny p{ text-align:center; color:#555555; height:44px; line-height:44px;}
.ft_nav{font-size: 18px; margin: 10px 0 30px; color: #fff; line-height: 2em;}
.ft_nav a{font-size: 18px; margin: 0 15px; color: #fff;}
.in_link{text-align: center;}
#down-tjcp{ margin:0 auto; width:992px;clear:both}
#down-tjcp p{text-align:center;border:1px solid #D8D8D8;line-height:35px;margin-bottom:10px}
#down-tjcp p a{color:#666666}
#down-tjcp p a:hover{ text-decoration:underline; }
.tuijian2_pro{ }
.tuijian2_pro .tj_title{ font-size:18px; height:30px; margin:12px 0 10px 0; border-bottom:2px solid #FFC000; font-family:"微软雅黑"; color:#333}
.tuijian2_pro .tj_prolist{}
.tuijian2_pro .tj_prolist li{ border-bottom: 1px dashed #ccc; margin:0 0 10px 0; height:100%;overflow:hidden;width:47%;margin-right:2%;float:left;}
.tuijian2_pro .tj_prolist li img{ float:left; margin-right:7px;width:130px; }
.tuijian2_pro li h2 { height:26px; line-height:26px; font-size:12px}
.tuijian2_pro li h2 a{color:#333}
.tuijian2_pro li h2 a:hover{color:#FF6600; text-decoration:underline}
.tuijian2_pro li p{line-height:20px;color:#333;clear:none;text-align:left;text-decoration:none;}
.tuijian2_pro li p a:hover{color:#666666;text-decoration:underline; }
.tuijian2_pro li span{float:right;margin-bottom:10px;}
table { width: 99% !important;}
table td { border: 1px solid #ccc !important; line-height: 28px !important; text-align: center;}
table td p { padding-left: 6px !important;}
@media(max-width:1200px)
{
#top{width: 95%;}
#navigation ul{width: 100%;}
#content{width: 100%;}
.news_new{width: 100%;}
.about_us{width: 100%;}
.box{width: 100%;}
.ab_img img{width: 98%;}
#secondary{width: 100%;}
}
@media(max-width:992px)
{
#down-tjcp{width: 100%;}
#banner{ width:100%; height:auto;}
#banner img{ width:100%; height:auto;}
#banner_ny{ width:100%; ;}
#banner_ny img{ width:100%; height:auto;}
}
@media(max-width:768px)
{
#top_r{display: none;}
#top{height: auto;padding: 15px 10px;}
#logo{width: 100%; margin: 0px; padding: 0px; overflow: hidden; height: auto;}
.tj_prolist li{width: 48%;}
.news_new li{width: 96%;}
.coo_con li{width: 96%%;}
#footer p{padding: 0 15px;}
.plist_index li{padding: 5px 10px;font-size: 17px;}
#navigation li{width: 100px;}
.ab_img{display: none;}
.ab_nr {width: 100%;}
.ab_nr h2{font-size: 22px;}
.ab_nr p{line-height: 1.6em;font-size: 16px;}
.more_in{margin-top: 25px;}
#sidebar{display: none;}
#neirong{width: 96%;}
ul.chanpin li{width: 31%;}
#k_nextpagec ul li{width: 48%;}
}
@media(max-width:550px)
{
#logo img{width: 100%;}
ul.chanpin li{width: 48%;}
#proshow img{width: 100%;}
}
@media(max-width:425px)
{
.plist_index li{padding: 5px;font-size: 15px;}
}